 
<style>
	.skill{
		margin-left: 20px;
		margin-top: 30px;
		margin-bottom: 50px;
		width: 720px;
	}
	

	.table th{
		text-align: center;
		border: 1px solid #FFFFFF;
	}
	
</style>

<input type="hidden" name="roleId" id="roleId" value="<{$roleId}>" />

<div class="skill">
	
	<div class="div1">
		<div class="search">
			<span class="text">技能分类：</span> 
		<select name="skill_type" id="skill_type" href="#4">
			<{foreach from=$skillTypeList item=item key=key}>
				<option value="<{$key}>" <{if $key == $skill_type}>selected<{/if}> ><{$item}></option>
			<{/foreach}>
		</select>
		</div>
		
	</div><br />
	
	<{if $role.state}>
	<table class="table table-striped ">
		<tbody>			
			<tr>
				<th>技能ID</th>
				<th>技能名称</th>
				<th>技能类型</th>
				<th>技能等级</th>
				<th>后台是否显示</th>
				<th>技能分类</th>
			</tr>
			<{if count($data)==0 }>
				<tr>
					<td colspan="6"><font color="red">暂无数据</font></td>
				</tr>
			<{/if}>
            <{foreach from=$data item=item key=key}>
			<tr>
                <td><{$item.class_id}></td>
                <td><{$item.name}></td>
                <td><{$item.type}></td>
                <td><{$item.backstage_level}></td>
                <td><{$item.backstage_show}></td>
                <td><{$item.backstage_type}></td>
            </tr>
            <{/foreach}>
   
		</tbody>
        
    </table>
    <{else}>
    <div class="alert alert-warning" style="margin:0;" role="alert"><{$role.msg}></div>
    <{/if}>
</div>